@import '../../../color.less';
.info {
    .header {
        padding: 10px 0;
        color: #000;
        .dots {
            font-size: 20px;
            margin-left: 12px;
        }
    }
    
}

.save {
    margin-left: 10px;
    color: @mainColor
}

.lable {
    display: flex;
    align-items: center;
    color: #000;
}

.content {
    .wrapStage {
        position: relative;
        .saveNewStage {
            position: absolute;
            right: 12px;
            cursor: pointer;
            color: @mainColor
        }
    }
    .stageTabLable {
        span {
            line-height: 0;
        }
        :global(.mdi-checkbox-marked-circle){
            color: @finshColor;
            margin-right: 4px;
        }
        :global(.mdi-menu-down){
            font-size: 26px;
            position: relative;
            top: 4px;
        }
    }
}

.tabLable {
    span {
        visibility: hidden;
        line-height: 0;
    }
    .del {
        margin-left: 4px
    }
    &:hover {
        span {
            visibility: unset;
        }
    }
}

.wrapInfo {
    padding-bottom: 10px;
    .client {
        padding: 4px 0;
        color: #000;
        display: flex;
        align-items: center;
        span {
            font-size: 20px;
            line-height: 20px;
            margin-left: 16px;
            cursor: pointer;
            color: @mainColor
        }
    }
}
.wrapEdit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 8px;
    padding-top: 0px;
    .shareText {
        font-size: 13px;
    }
}
.wrapEdit1 {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid @borderColor;
    .lableItem {
        .lableName {
            color: #000
        }
    }
}